<template>
	<div>
		<zt-layout 
		:titleList="titleList" 
		@ztClickItem="ztClickItem">
			<template v-slot:zt-main>
				<keep-alive>
					<router-view></router-view>
				</keep-alive>
			</template>
		</zt-layout>
	</div>
</template>

<script>
	import ztLayout from '../../components/ztLayout.vue'
	export default {
		data() {
			return {
				titleList: ['推荐', '公益汇演视频', '暖心视频', '励志视频']
			}
		},
		methods: {
			ztClickItem(index) {
				switch (index) {
					case 0:
						this.$router.push('/shipin/recome')
						break;
					case 1:
						this.$router.push('/shipin/gongyi')
						break;
					case 2:
						this.$router.push('/shipin/nuanxin')
						break;
					case 3:
						this.$router.push('/shipin/lizhi')
						break;
					default:
						break;
				}
			}
		},
		components: {
			ztLayout
		}
	}
</script>

<style>

</style>
